<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>家居商城-个人中心</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="/res/layui/css/layui.css">
  <link rel="stylesheet" href="/res/static/css/index.css">
</head>
<body class="user">

<th:block th:include="header"/>

<div class="layui-container userpublic house-userPer">
  <div class="layui-row layui-col-space20">
    <p class="layui-hide-xs title">首页 &gt; <span>个人中心</span></p>
    <div class="layui-col-sm2">
      <ul class="user-list">
        <li class="active"><a href="#">个人中心</a></li>
        <li><a href="#">消息中心</a></li>
        <li><a href="#">地址管理</a></li>
        <li><a href="/member/page">个人信息</a></li>
      </ul>
    </div>
    <div class="layui-col-sm10">
      <div class="user-person">
        <div class="person">
          <img th:src="${session.CURRENT_MEMBER.imgPath}" src="/res/static/img/person.png" alt="">
          <div class="name">
            <p th:text="${session.CURRENT_MEMBER.nickname}">测试</p>
            <span><i>VIP9</i></span>
          </div>
        </div>
        <ul>
          <li>优惠券<span>10张</span></li>
          <li>礼品卡<span>1张</span></li>
          <li>积分<span>1000</span></li>
          <li>待发货<span>12个</span></li>
          <li>待收货<span>2个</span></li>
          <li>待评价<span>2个</span></li>
        </ul>
      </div> 
    </div>
    <div class="layui-col-sm10">
      <div class="layui-tab layui-tab-brief">
        <ul class="layui-tab-title">
          <li class="layui-this">全部订单</li>
          <li>等待发货</li>
          <li>已发货</li>
          <li>交易完成</li>
        </ul>
        <div class="layui-tab-content">
          <div class="layui-tab-item layui-show">
            <table id="house-user-order" lay-filter="house-user-order"></table>
          </div>
          <div class="layui-tab-item">
            
          </div>
        </div>
      </div>      
    </div>
  </div>
</div>
<th:block th:include="footer"/>

<script type="text/html" id="orderTpl">
  <div style="text-align: left; display: inline-block; vertical-align: middle;">
    <p>订单号：{{d.code}}</p>
    <p>交易时间：{{d.createtime}}</p>
  </div>
</script>

<script type="text/html" id="priceTpl">
  <div style="display: inline-block; vertical-align: middle;">
    <p>￥{{d.price}}</p>
    <p>免运费</p>
  </div>
</script>
<script type="text/html" id="stateTpl">
  {{#  if(d.status == 3){ }}
    <span style="color: #999;">已完成</span>
  {{#  } else if(d.status == 2){ }}
    <span style="color: #ee715f;">已发货</span>
  {{#  } else if(d.status == 1){ }}
    <span style="color: #73c292;">待发货</span>
  {{#  } else { }}
    <span style="color: #e09b4e;">待收货</span>
  {{#  } }}
</script>
<script type="text/html" id="handleTpl">
  <div style="display: inline-block; vertical-align: middle;">
<!--    <a class="handel" lay-event="check" style="color: #e39d55; cursor: pointer; display: block;">查看物流</a>-->
    <a class="handel" lay-event="evaluate" style="color: #e39d55; cursor: pointer; display: block;">收货并评价</a>
  </div>
</script>

<script src="/res/layui/layui.js"></script>
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
<!--[if lt IE 9]>
  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script>
  layui.config({
    base: '/res/static/js/'
  }).use('house'); 
</script>

</body>
</html>